<template>
  <div>
    <h3>tabs标签页</h3>
    <!-- tabs
     组件名:el-tabs
                v-model:默认显示哪一项，它与子项的name的值相对应，默认是选中第一项
                el-tab-pane
                    label:'标题'
                    name:与el-tabs的v-model的值对应
                    默认插槽：内容
     需求：
        首页    用户
    -->
    <el-tabs v-model="active">
      <el-tab-pane label="首页" name="home">首页内容</el-tab-pane>
      <el-tab-pane label="用户" name="user">用户内容</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 'user'
    }
  }
}
</script>
<style></style>
